<template>
	<view class="bind-account">
		<view class="bind-item">
			<view class="bind-type">
				<image src="/static/icon/mine/wx.png" class="img" />
				微信
			</view>
			<view class="bind-name"> 一叶知秋 </view>
		</view>
		<view class="tips"> 为了您的账号安全，第三方账号暂不支持解绑，您可以使用已绑定的第三方账号快捷登录 </view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.bind-account {
		.bind-item {
			height: 50px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			background-color: #fff;
			border-radius: 10px;
			padding: 0 12px;
			box-sizing: border-box;
			.bind-type {
				display: flex;
				align-items: center;
				font-weight: 400;
				font-size: 14px;
				color: #333333;
				.img {
					width: 32px;
					height: 32px;
					margin-right: 10px;
				}
			}
			.bind-name {
				font-weight: 400;
				font-size: 14px;
				color: #666666;
			}
		}
		.tips {
			margin-top: 20px;
			font-weight: 400;
			font-size: 14px;
			color: #999999;
			line-height: 20px;
		}
	}
</style>